<!DOCTYPE html>
<html>
<head>
<title>{$red_envelope.nickname}给您发了个{$red_envelope.coin_symbol}红包，快去抢吧！</title>
<include file="public@head_reden"/>
<style type="text/css">
    .tancontent3{
        height: 280px;
    }
</style>
</head>
<body>
<div id="content">
    <header class="hb-header pd3">
        <div class="mid">
            <span class="tit">Hello Token</span>
            <a href="javascript:;" class="more yellow open_log_btn hidden" onclick="show_open_log()">领取记录</a>
        </div>
    </header>
    <section class="hb-top">
        <img class="head" src="{$red_envelope.avatar}">
        <p class="bigword">{$red_envelope.wish}</p>
        <p class="smword">{$red_envelope.nickname}给您发了个{$red_envelope.coin_symbol}红包，快去抢吧！</p>
    </section> 

    <section class="hb-con wait_open">
        <img src="__TMPL__/public/assets/images/redbag1.png">
        <a href="javascript:;" class="qiang tancon3"></a>
        <div class="hb-sm">
            <p>{$red_envelope.wish}</p>
        </div>
    </section>

    <section class="hb-con qiangwan hidden">
        <img src="__TMPL__/public/assets/images/redbag3.png">
        <div class="no">
            <p>手速太慢了，红包被抢完了！</p>
        </div>
        <div class="hb-sm">
            <img class="kong" src="__TMPL__/public/assets/images/kong.png">
        </div>
    </section>

    <section class="hb-con already_open hidden">
        <img src="__TMPL__/public/assets/images/redbag3.png">
        <div class="qian">
            <span class="my_num">0</span>{$red_envelope.coin_symbol}
        </div>
        <div class="hb-sm">
            <p>{$red_envelope.wish}</p>
        </div>
    </section>

    <section class="hb-tips open_log hidden">该红包已过期。已领取 <span class="open_num">1</span>/<span class="total_num">1</span> 个，共 <span class="total_amount">0</span> {$red_envelope.coin_symbol}</section>
    <section class="hb-list pd3 open_log hidden">
        <ul>
        </ul>
    </section>

    <section class="hb-bot download_url hidden">
        <a href="{$download_url}">下载Hello Token</a>
    </section>

</div>
<div class="tantit3 mark">
    <div class="tancontent tancontent3">
    <a href="#0" class="tantit-close"></a>
        <div class="redbag-phone">
        <div class="tit">输入手机号码领取红包</div>
            <ul>
                 <li><input type="number"  placeholder="请输入手机号码"  id="mobile" class="input_box"></li>
                 <li>
                    <input type="number"  id="code" placeholder="验证码">
                    <a id="sendbtn" href="javascript:;" class="fr blue can_send" style="line-height: 0.6rem;"  onclick="settime();">获取验证码</a>
                 </li>
                 <a href="javascript:;" class="btn" onclick="loginSuccess()">确  定</a>
            </ul>
        </div>
    </div>
</div>
<script>
    var id = '{$id}';
    var key = '{$key}';
    var code = '{$code}';
    
    $("input").blur(function () {
       $("html,body").animate({scrollTop: document.documentElement.clientHeight},500);
    });
</script>
<script src="__TMPL__/public/assets/js/red_envelope.js?v=1.2"></script>
</body>
</html>